/* 字体颜色 */
.success-color {
  color: $success-color;
}
.warning-color {
  color: $warning-color;
}
.error-color {
  color: $error-color;
}
.primary-color {
  color: $primary-color;
}
.purple-color {
  color: $purple-color;
}
.blue-color {
  color: $blue-color;
}
.green-color {
  color: $green-color;
}
.orange-color {
  color: $orange-color;
}
.yellow-color {
  color: $yellow-color;
}
.pink-color {
  color: $pink-color;
}
.red-color {
  color: $red-color;
}
.secondary-color {
  color: $secondary-color;
}
.default-color {
  color: $default-color;
}
.dark-color {
  color: $dark-color;
}
.white-color {
  color: $white-color;
}
/* 背景 */
.success-bg {
  background-color: $success-color;
}
.warning-bg {
  background-color: $warning-color;
}
.error-bg {
  background-color: $error-color;
}
.primary-bg {
  background-color: $primary-color;
}
.purple-bg {
  background-color: $purple-color;
}
.blue-bg {
  background-color: $blue-color;
}
.green-bg {
  background-color: $green-color;
}
.orange-bg {
  background-color: $orange-color;
}
.yellow-bg {
  background-color: $yellow-color;
}
.pink-bg {
  background-color: $pink-color;
}
.red-bg {
  background-color: $red-color;
}
.secondary-bg {
  background-color: $secondary-color;
}
.default-bg {
  background-color: $default-color;
}
.dark-bg {
  background-color: $dark-color;
}
.white-bg {
  background-color: $white-color;
}
